<!--中间内容-->
<div class="container _container">
    <!--创建制造厂-->
    <div class="row">
        <div class="col-lg-12">
            <h4 class="_form-title">创建制造厂</h4>
            <form role="form" class="form-horizontal _form" id="form" name="form" #userForm="ngForm">
                <div class="form-group">
                    <div class="col-sm-6 col-xs-12">
                        <label for="CompanyName" class="form-tip">制造厂名称<span>*</span></label>
                        <input type="text" class="form-control" id="CompanyName" name="facname" [(ngModel)]="facname" required placeholder="制造厂名称">
                    </div>
                    <div class="col-sm-6 col-xs-12 has-feedback">
                        <label  class="form-tip">所在地区（市级）<span>*</span></label>
                        <input type="text" class="form-control "  name="city" [(ngModel)]="city" required placeholder="请选择所在地区">
                        <!--<i class="fa fa-angle-right form-control-feedback form-select-input-arrow" aria-hidden="true"></i>-->
                        <!--<div class="form-select form-select-2">-->
                            <!--<ul class="form-select-province"></ul>-->
                            <!--<ul class="form-select-city"></ul>-->
                        <!--</div>-->
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-6 col-xs-12">
                        <label for="WebUrl" class="form-tip">官网链接</label>
                        <input type="text" class="form-control" id="WebUrl" name="web" [(ngModel)]="web" required placeholder="官网链接">
                    </div>
                    <div class="col-sm-6 col-xs-12">
                        <label for="Email" class="form-tip">联系邮箱</label>
                        <input type="text" class="form-control" id="Email" name="email" [(ngModel)]="email" required  placeholder="联系邮箱">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-6 col-xs-12">
                        <label for="Phone" class="form-tip">联系电话<span>*</span>隐藏（不对外公布该内容） <input type="checkbox" [(ngModel)]="checked" name="checked"/></label>
                        <input type="text" class="form-control" id="Phone" name="Phone" [(ngModel)]="phone" required placeholder="联系电话">
                    </div>
                    <div class="col-sm-6 col-xs-12">
                        <label for="Address" class="form-tip">制造厂地址<span>*</span>隐藏（不对外公布详细地址） <input type="checkbox" [(ngModel)]="addresstype" name="addresstype"/></label>
                        <input type="text" class="form-control" id="Address" name="Address" [(ngModel)]="address" required  placeholder="制造厂地址">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12">
                        <label for="allmap" class="form-tip">地图位置标记<span>*</span>（自动定位若不准确，请拖动定位符调整）</label>
                        <!--地图-->
                        <div id="allmap" style="width: 100%;height: 200px;">
                          <!--<map-seclect></map-seclect>-->
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-6 col-xs-12 has-feedback">
                        <label  class="form-tip">厂家规模<span>*</span></label>
                        <!--<input type="text" class="form-control form-select-input" id="" #catgeryid  placeholder="请选择厂家规模">-->
                        <select class="form-control form-select-input" [(ngModel)]="dimension" required name="dimension" >
                           <option></option>
                           <option *ngFor=" let si of dim" >{{si}}</option>
                        </select>
                        <i class="fa fa-angle-right form-control-feedback form-select-input-arrow" aria-hidden="true" style="height:28px;display: inline-block;background-color: #EEEEEE;top: 33px !important;right: 18px"></i>
                    </div>
                    <div class="col-sm-6 col-xs-12 has-feedback">
                        <label  class="form-tip">分类<span>*</span></label>
                        <!--<input type="text" class="form-control form-select-input" #dimension  placeholder="请选择分类">-->
                      <select class="form-control form-select-input" [(ngModel)]="catgeryid" name="catgeryid" required>
                        <option *ngFor=" let seclt of dimen" [value]="seclt.id">{{seclt.name}}</option>
                      </select>
                        <i class="fa fa-angle-right form-control-feedback form-select-input-arrow" aria-hidden="true" style="height:28px;display: inline-block;background-color: #EEEEEE;top: 33px !important;right: 18px"></i>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12">
                        <label for="Address" class="form-tip">工坊概述（专攻／现状）<span>*</span></label>
                        <textarea class="form-control" rows="3" [(ngModel)]="describe" required name="describe" placeholder="例：工厂创建于1983年，有着多年专业生产搪瓷制品的经验，是流水线批量化生产厂家。以生产各类烧锅系列为主，及各种盆、杯、碗、碟、盘、壶、锅、桶、玩具搪瓷制品等。企业占地53000多平方米，拥有专业产品开发设计人员、生产管理人员、市场营销服务人员，现有员工450人。"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12">
                        <label for="Address" class="form-tip">工坊面向用户群<span>*</span></label>
                        <textarea class="form-control" rows="1" [(ngModel)]="yhqun" name="yhqun" required placeholder="例：生产面向大众市场的日用品搪瓷。可以承接设计师小批量订单并提供试验场地。"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12">
                        <label for="Address" class="form-tip">订单承受能力<span>*</span></label>
                        <textarea class="form-control" rows="1" [(ngModel)]="able"  name="able" required placeholder="例：可承受常规工艺大小批量订单，如有设计师的个性创作需据工厂情况而定。"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12">
                        <label for="Address" class="form-tip">制造厂周边状况（交通／食宿）<span>*</span></label>
                        <textarea class="form-control" rows="2" [(ngModel)]="situation" name="situation" required  placeholder="例：工厂地处偏远郊区，无公共车辆通行，建议驾车前往，百度地图键入“博陆搪瓷厂”可导航。驱车前往镇上有宾馆住宿。"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12">
                        <label for="Address" class="form-tip">技术支持（制造厂具备的器械设备提供的专业技术）</label>
                        <textarea class="form-control" rows="1" [(ngModel)]="buff"  name="buff" required placeholder="例：铁件可做深冲压、焊接处理；日用搪瓷使用两次涂搪工艺。"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12">
                        <label for="Address" class="form-tip">注意事项</label>
                        <textarea class="form-control" rows="3" [(ngModel)]="note" name="note" required  placeholder="例：该厂目前只能实现纯铁制品的表面涂搪工艺。不锈钢，铝，铜等合金由于熔点无法与厂内釉料熔点达到一致，烧制时会出现基材或表面涂搪破损。设计师如有为搪瓷产品制作图案花纸需求，也可通过该厂下单。"></textarea>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-xs-6">
                        <label class="form-tip">工坊工艺总概PDF报告</label>
                    </div>
                    <div class="col-xs-6">
                        <button type="button" class="btn btn-cancel pull-right" style="width: 146px; margin-top: 20px;margin-bottom: 20px">上传PDF</button>
                    </div>
                </div>
                <div class="input-tip">标记<span>*</span>的输入框为必填项，表格填写越完整，被搜索到的可能性越高，请尽可能多地丰富描述。<br> 请确保表格内容语句描述通顺，发布时将把“工坊概述”、“工坊面向用户群”、“订单承受能力”、“制造厂周边状况”、“技术支持”、“注意事项”合并为一段话表达。
                    <br> 创建制造厂后请及时添加材料，否则将无法发布。
                </div>
                <div class="form-group form-btn">
                    <div class="col-xs-6">
                        <button type="button" class="btn btn-cancel btn-samll">删除</button>
                        <button type="reset" class="btn btn-cancel btn-samll">取消</button>
                    </div>
                    <div class="col-xs-6 text-right">
                        <button type="submit" [disabled]="!userForm.form.valid"  class="btn btn-submit btn-samll" (click)="addfacedit()">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
